<template lang="">
<div class="home_box fix">
	<div class="home_box_inner" style="width: 1244px;">
		<div class="hot_match_top fix">
			<img v-lazy="getAssetsImages('home/title_hot_match.png')" width="574">
			<p>{{ $t('tiGo') }}</p>
		</div>
		<div class="hot_match_content fix">
			<div class="hot_match_left">
				<div class="match_infor" :style="'background-image: url('+ getAssetsImages('home/hot_match_flag.png') +')'">
					<div class="match_infor_left">
						<img v-lazy="'https://dv1.hongzuofanghuo.com/Logo/TeamImageFile/95265.png'" height="38" />
						<p>{{ $t('duYi-0') }}</p>
					</div>
					<div class="match_infor_mid">
						<p class="fix">{{ $t('xiaB') }}</p>
						<p class="fix">{{ $t('0Vs') }}</p>
					</div>
					<div class="match_infor_right">
						<p>{{ $t('meiP') }}</p>
						<img height="38" v-lazy="'https://dv1.hongzuofanghuo.com/Logo/TeamImageFile/85643.png'" />
					</div>
				</div>
				<div class="match_live">
					<div class="match_live_top fix" :style="'background-image: url('+ getAssetsImages('home/live_img.png') +')'" >
						<iframe v-lazy="'https://player.llnet.cc/cartoon.html?matchId=34289599'" frameborder="0"></iframe>
					</div>
					<div class="match_live_beat fix">
						<ul>
							<li style="width: 138px;">
								<p>{{ $t('quan-1') }}</p>
								<div>
									<p>{{ $t('zhu') }}</p>
									<p class="">
										<i class="anticon anticon-caret-up" style="display: none;">
											<svg viewBox="0 0 1024 1024" data-icon="caret-up" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="">
												<path d="M858.9 689L530.5 308.2c-9.4-10.9-27.5-10.9-37 0L165.1 689c-12.2 14.2-1.2 35 18.5 35h656.8c19.7 0 30.7-20.8 18.5-35z"></path>
											</svg>
										</i>
										<i class="anticon anticon-caret-down" style="display: none;">
											<svg viewBox="0 0 1024 1024" data-icon="caret-down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="">
												<path d="M840.4 300H183.6c-19.7 0-30.7 20.8-18.5 35l328.4 380.8c9.4 10.9 27.5 10.9 37 0L858.9 335c12.2-14.2 1.2-35-18.5-35z"></path>
											</svg>
										</i>
										<span>0.61</span>
									</p>
								</div>
								<div>
									<p>{{ $t('ke') }}</p>
									<p class="">
										<i class="anticon anticon-caret-up" style="display: none;">
											<svg viewBox="0 0 1024 1024" data-icon="caret-up" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="">
												<path d="M858.9 689L530.5 308.2c-9.4-10.9-27.5-10.9-37 0L165.1 689c-12.2 14.2-1.2 35 18.5 35h656.8c19.7 0 30.7-20.8 18.5-35z"></path>
											</svg>
										</i>
										<i class="anticon anticon-caret-down" style="display: none;">
											<svg viewBox="0 0 1024 1024" data-icon="caret-down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="">
												<path d="M840.4 300H183.6c-19.7 0-30.7 20.8-18.5 35l328.4 380.8c9.4 10.9 27.5 10.9 37 0L858.9 335c12.2-14.2 1.2-35-18.5-35z"></path>
											</svg>
										</i>
										<span>-0.71</span>
									</p>
								</div>
							</li>
						</ul>
						<div class="match_live_beat_btn">
							<button class="gradients_btn">{{ $t('touY') }}</button>
						</div>
					</div>
				</div>
			</div>
			<div class="hot_match_right">
				<div class="match_tab fix">
					<ul>
						<li class="active">{{ $t('zuQi-0') }}</li>
						<li class="">{{ $t('lanQ') }}</li>
					</ul>
				</div>
				<div class="match_list fix">
					<ul>
						<li class="primary_border" :style="'background-image: url('+ getAssetsImages('home/match_list_bg.png') +')'">
							<div class="flag" :style="'background-image: url('+ getAssetsImages('home/match_list_flag.png') +')'" >{{ $t('deGu') }}</div>
							<div class="live_infor_type">
								<span class="primary_color">{{ $t('zhiB') }}</span>
								<img v-lazy="getAssetsImages('home/icon_live_hui.png')" width="22">
								<img v-lazy="getAssetsImages('home/icon_animation.png')" width="22">
							</div>
							<div class="left">
								<img v-lazy="'https://dv1.hongzuofanghuo.com/Logo/TeamImageFile/95265.png'" width="28">
								<span>{{ $t('duYi-1') }}</span>
							</div>
							<div class="mid">
								<p class="primary_color">{{ $t('xiaB-0') }}</p>
								<div> 0
									<img v-lazy="getAssetsImages('home/match_vs.png')" width="22"> 0 </div>
							</div>
							<div class="right">
								<span>{{ $t('meiP-0') }}</span>
								<img v-lazy="'https://dv1.hongzuofanghuo.com/Logo/TeamImageFile/85643.png'" width="28">
							</div>
						</li>
					</ul>
				</div>
			</div>
		</div>
	</div>
</div>
</template>
<script setup lang="ts">
import { getAssetsImages } from '@/utils';

</script>
<style lang="">
  
</style>